<template>
  <div>
    <slot name="foo" :items="fooItems"></slot>
    <slot name="bar" :items1="barItems"></slot>
  </div>
</template>
<script>
export default {
  data: () => ({
    fooItems: ['a', 'b', 'c'],
    barItems: ['1', '2', '3']
  })
}
</script>
<style lang="">

</style>